@charset "utf-8";
@media screen and (width:320px) {
	body {font-size:14.5454px!important}
}
@media screen and (width:360px) {
	body {font-size:16.3636px!important}
}
@media screen {
	*{margin:0;padding:0;font-family:"Microsoft YaHei","Georgia Pro","Times New Roman",Helvitica,Verdana,Arial,san-serif;-webkit-tap-highlight-color:transparent;overflow:hidden}
	html {overflow-y:auto}
	body {background-color:#f4f4f4;font-size:13pt;position:relative}
}

/* page_guide_slider */
.page_guide_slider {
	width:100%;
	overflow:auto
}
.page_guide_balloon {
	width:100%;
	overflow:hidden
}
.page_guide_title_text {
	cursor:pointer
}
.page_guide_title_text.canplay {
	background-position:95% -10%
}
.page_guide_title_text.playing {
	background-position:95% 50%
}
.page_guide_pointer {
	width:93%;
	margin:0 3.5%;
	height:.5em;
	position:relative
}
.page_guide_pointer>div {
	position:absolute;
	top:0;
	width:0;
	height:0;
}
.page_guide_bar {
	position:relative;
	overflow:visible;
}
.page_guide_progress {
	position:absolute;
	left:0;
	overflow:visible;
}
.page_guide_progress>div {
	float:left;
	height:.2em;
	box-sizing:border-box
}
.page_guide_container {
	width:100%;
	cursor:e-resize
}
.page_guide_container img {
	height:10em;
	min-width:5em;
	width:auto;
	overflow:hidden;
	margin:0 .3em;
	padding:0;
	border-left:1px solid transparent;
	float:left;
	background-image:url(../images/loading.jpg);
	background-repeat:no-repeat;
	background-size:50% auto;
	background-position:center center
}
.page_guide_items {
	width:100%;
	overflow:hidden
}
.page_guide_item {
	float:left;
	border-radius:.5em
}
.page_guide_item_text {
	padding:0.4em;
	float:left
}

.page_guide_item_image {
	float:left
}

.page_guide_item_intr p{
	line-height:28px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	border-radius:20px;
	color:#fff;
	background:#ff6421;
	}